<template>
	<div class="header">
		<div class="header-left"><span class="iconfont">&#xe624;</span></div>
		<div class="header-input"><span class="iconfont">&#xe632;</span>输入城市/景点/游玩主题</div>
		<div class="header-right">城市<span class="iconfont hearder-arrow">&#xe64a;</span></div>
	</div>
</template>

<script>
export default{
	name:'HomeHeader'
}
</script>

<style lang="stylus" scoped>
.header

 width:100%
 height:.86rem
 background:#00bcd4
 color:white
 display:flex 
 flex-direction:clomn
 justify-content:center
.header-left
 float:left
 line-height:.86rem
 padding:0 5px
.header-input
 color:#eee
 flex:1
 background:#fff
 width:70%
 height:.54rem
 line-height:.54rem
 padding-left:.1rem
 margin:8px 20px 8px 15px
.header-right
 float:right
 line-height:.86rem
 padding:0 10px
.hearder-arrow
 font-size:.24rem
</style>